<div  ng-controller="ProcessDetailCtrl">
	<!-- header -->
	<div class="wrapper bg-light lter b-b" style="padding:10px;height:55px;" >
			<ul class="breadcrumb" style="display: block;float:left;background:none;margin-bottom: 0px;">
				<li><a ui-sref="app.news" ><i class="iconfont icon-xinwen"></i> {{'aside.nav.news'|translate}}</a></li>
				<li><a ui-sref="app.records" ><i class="iconfont icon-danganliebiao"></i> {{'aside.nav.records'|translate}}</a></li>
				<li><a ui-sref="app.processlist" > {{'process.processRecords'|translate}}</a></li>
				<li class="active"> {{'process.processDetail'|translate}} &nbsp;&nbsp;&nbsp;<a ui-sref="app.processlist" class="text-info" ><i class="icon-action-undo"></i> {{'common.blackList'|translate}}</a></li>
			</ul>
		<div class="btn-group pull-right" >
			<div style="margin:8px;">
				<div class="btn-a dropdown" dropdown style="display: inline;">
					<a class="text-info btn-a m-r-sm"  dropdown-toggle ><i class="fa fa-exchange"  ></i> <span ><span  translate="tasks.toolbar.changeThePriority"></span></span></a>
					<ul class="dropdown-menu">
						<li><a href ng-click="setProcessPriority('{{pp.id}}',2)" ><span  translate="tasks.priorityStatus.2" ></span></a></li>
						<li><a href ng-click="setProcessPriority('{{pp.id}}',1)" ><span  translate="tasks.priorityStatus.1" ></span></a></li>
						<li><a href ng-click="setProcessPriority('{{pp.id}}',0)" ><span  translate="tasks.priorityStatus.0" ></span></a></li>
					</ul>
				</div>
				<a ng-click="reload()" class="text-info btn-a m-r-sm"  ><i class="fa fa-refresh"  ></i> <span ><span >{{'process.toolbar.refresh'|translate}}</span></span></a>
			</div>
		</div>
	</div>
	<div style="margin:15px;clear:both;" >
			<div id="wizard">
				<div id="scroller">
					<div class="console-step row step-bar">
						<div class="step step-pass" ><span class="ng-binding">{{'process.start'|translate}}</span></div>
						<div class="step" ng-class="milestoneStepBG(milestone.id,wizardData.selectIndex)" ng-repeat="milestone in wizardData.milestones"><span class="ng-binding">{{milestone.name}}</span></div>
						<div class="step" ng-class="milestoneStepEndBG(pp.status)"  ><span class="ng-binding">{{'process.end'|translate}}</span></div>
					</div>
				</div>
			</div>
	</div>

	<div class="row"  >

		<div class="col-lg-9 processdetail-info" ng-controller="NewsProcessDetailCtrl" >
			<div class="info-panel" ng-class="processPriorityPanel(pp.priority)" >
				<div class="ng-binding">
					<a href ui-toggle-class class="m-xs" style="font-size: 15px;" ng-click="setFavorite(pp.id,pp.favorite)" ng-class="isFavorite(pp.favorite)" >
						<i class="fa fa-star text-warning text-active" ></i>
						<i class="fa fa-star-o  text" style="color:#98a6ad;"  ></i>
					</a>
					{{'process.processName'|translate}} : <span style="color:#999;" >{{pp.name}}</span>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{'process.initiator'|translate}} : <a ui-sref="app.userprofile({user:pp.initiator})" class="text-info" >{{pp.initiatorFirstName}}</a>
					<span class="pull-right">{{'process.priority'|translate}} : <span style="color:#999;" ><span  translate="process.priorityStatus.{{pp.priority}}" ></span> </span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
				</div>
				<div class="row m-t" style="margin-left: 13px;" >
					<div class="col-sm-3">
						{{'process.startTime'|translate}} : <span style="color:#999;" >{{pp.starttime}}</span>
					</div>
					<div class="col-sm-3" ng-show="pp.endtime!=null" >
						{{'process.endTime'|translate}} : <span style="color:#999;" >{{pp.endtime}}</span>
					</div>
					<div class="col-sm-3" ng-show="pp.deadline!=null" >
						{{'process.deadline'|translate}} : <span style="color:#999;" >{{pp.deadline}}</span>
					</div>
					<div class="col-sm-3">
						{{'process.statusLabel'|translate}}  : <span style="color:#999;" ><span translate="process.status.{{pp.status}}" ></span></span>
					</div>
				</div>
			</div>
			<div style="margin: 15px;" >
				<tabset class="tab-container" >
					<tab>
						<tab-heading>
							<i class="fa fa-list-alt" ></i> <span  translate="process.processInformation"></span>
						</tab-heading>
						<div id="processDiv" style="width:100%;" class="div-loading" >
							<iframe id="processContent"  width="100%" frameborder="0" height="400"   scrolling="no" ></iframe>
						</div>
					</tab>
					<tab>
						<tab-heading onclick="angular.element(this).scope().selectedProcessModelChart()"  >
							<i class="fa fa-sitemap"></i> <span  translate="process.processMonitor"></span>
						</tab-heading>
						<div style="-webkit-overflow-scrolling:touch;-webkit-overflow: auto;overflow: auto;" >
							<iframe  id="processModelChart" width="100%" frameborder="0" height="550" scrolling="no" ></iframe>
						</div>
					</tab>
				</tabset>
			</div>
			<div class="panel b-a" style="margin:15px;" id="message" >
				<div class="panel-heading b-b b-light">
					<a href="" class="font-bold">{{'tasks.message'|translate}}</a>
				</div>
				<div class="" style="padding: 5px;" >
					<div >

						<div class="file-list" infinite-scroll='scrollEvent()' infinite-scroll-disabled="isLoad" infinite-scroll-distance="0">
							<div class="input-group" ng-click="newsEdit()" ng-hide="isNewsEdit" >
								<input type="text" class="form-control" placeholder="{{'news.publishContentTips'|translate}}">
								<span class="input-group-btn">
								  <button class="btn btn-info" type="button">{{'news.publish'|translate}}</button>
								</span>
							</div>
							<div ng-show="isNewsEdit"  class="publish-news panel panel-default  m-b-n-sm pos-rlt">
								<form>
									<textarea  id="content" class="form-control no-border" ng-model="content" rows="3" placeholder="{{'news.publishContentTips'|translate}}"></textarea>
								</form>
								<div ng-show="documents.length>0" class="panel-footer bg-light lter" >
									<div class="file-item" ng-repeat="document in documents" >
										<a  ng-click="documentsView(document.id)" >
                                        <span ng-show="document.mimeType=='file'" >
                                            <span  class="m-r-sm bg-primary document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='report'" >
                                            <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='preview'" >
                                            <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='openOffice'" >
                                            <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='video'" >
                                            <span  class="m-r-sm bg-dark document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='image'" >
                                            <img ng-src="{{document.mimeType=='image' ? '/suite/plugins/servlet/loadSource/'+document.id+'?timestamp='+timestamp : ''}}" style="width: 38px;height: 38px;margin-right: 10px;" />
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
										</a>
										<a  ng-click="cleanContent(document)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
									</div>
								</div>

								<div class="panel-footer bg-light lter news-select-list" ng-show="userSelectShow">
                        <span class="list-icon">
                            <i class="icon-users" style="font-size: 18px;" tooltip-placement="top" tooltip="{{'news.messageRecipient'|translate}}" ></i>
                        </span>
                        <span class="select-item" ng-repeat="selectedUserAndGroup in selectedUserAndGroups" >
                                <a class="thumb-xs avatar">
									<img ng-show="selectedUserAndGroup.type=='user'" ng-src="/suite/plugins/servlet/getUserAvatar?user={{selectedUserAndGroup.id}}" >
									<img ng-show="selectedUserAndGroup.type=='group'" src="img/group.png" >
								</a>
                                <span class="item-name">{{selectedUserAndGroup.name}}</span>
                                <a class="delete-btn" ng-click="cleanUser(selectedUserAndGroup)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
                            </span>
                        <span class="list-icon">
                            <a class="text-info" ng-click="selectUsers()" ><i class="glyphicon glyphicon-plus-sign" style="font-size: 26px;" ></i></a>
                        </span>
                        <span class="list-icon">
                            <a style="width: 30px;" ui-toggle-class class="m-xs pull-right" ng-click="is_lock_function()" ng-class="is_lock==1 ? 'active' : ''" >
								<i class="fa fa-unlock text " style="font-size: 18px;" tooltip-placement="left" tooltip="{{'news.participantsCanBeAdded'|translate}}" > </i>
								<i class="fa fa-lock text-active " style="font-size: 18px;" tooltip-placement="left" tooltip="{{'news.participantsCanNotBeAdded'|translate}}" > </i>
							</a>
                        </span>
								</div>
								<div class="panel-footer bg-light lter" ng-show="processModelSelectShow">
									<div class="input-group">
										<span class="input-group-addon"><i class="fa fa-sitemap"></i></span>
										<select id="processModelInput" multiple="multiple">
											<option ng-repeat="processModel in processModelList" value="{{processModel.id}}">
												{{processModel.name}}
											</option>
										</select>
										<a class="input-group-addon" ng-click="cleanProcessModelSelect()" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
									</div>

								</div>
								<div class="action panel-footer bg-light lter">
									<div class="pull-right">
										<span style="line-height: 30px;display: inline-block;vertical-align: middle;" >{{'news.visibleRange'|translate}} </span> <div class="btn-group dropdown m-r-sm" dropdown>
										<button class="drop-btn btn btn-default btn-xs" dropdown-toggle>
											<span ng-show="news_type=='notice'" translate="news.newsType.notice"></span>
											<!--<span ng-show="news_type=='dynamic'" translate="news.newsType.dynamic"></span>-->
											<span ng-show="news_type=='messages'" translate="news.newsType.messages"></span>&nbsp;&nbsp;&nbsp;<span class="caret"></span></button>
										<ul class="dropdown-menu">
											<li><a href ng-click="set_news_type('notice')" ><i class="icon-globe"></i> &nbsp;{{'news.newsType.notice'|translate}}</a></li>
											<!--<li><a href ng-click="set_news_type('dynamic')"><i class="icon-support"></i> {{'news.newsType.dynamic'|translate}}</a></li>-->
											<li><a href ng-click="set_news_type('messages')"><i class="icon-bubble"></i> &nbsp;{{'news.newsType.messages'|translate}}</a></li>
										</ul>
									</div>
										<label  class="checkbox-inline i-checks  btn-sm">
											<input id="have_to_comment" type="checkbox" value="" /><i></i> {{'news.doYouNeedToReply'|translate}}
										</label>
										<button class="publish btn btn-info pull-right btn-sm" ng-click="publisherNews()" >{{'news.publish'|translate}}</button>
									</div>
									<ul class="nav nav-pills nav-sm news-tools">
										<li >
											<form id="attachUploadFile0Form" action="/suite/plugins/servlet/uploadDocument" method="post"
												  enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
												<a href="javascript:;" class="a-i-upload" ><input id="attachUploadFile0" name="uploadDocumentFile"
																								  type="file" flag="0"
																								  onchange="angular.element(this).scope().selectedFile(this)"
																								  style="width:206px;"   ><i class="icon-paper-clip"
																															 style="line-height:20px;vertical-align: middle;font-size: 12px;"></i></a>
											</form>
										</li>
										<li>
											<form id="attachUploadImg0Form" action="/suite/plugins/servlet/uploadDocument" method="post"
												  enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
												<a href="javascript:;" class="a-i-upload" ><input id="attachUploadImg0" name="uploadDocumentFile"
																								  type="file" flag="0"
																								  onchange="angular.element(this).scope().selectedFile(this)"
																								  style="width:206px;" accept="image/*"><i class="fa fa-camera"
																																		   style="line-height:20px;vertical-align: middle;font-size: 12px;"></i></a>
											</form>
										</li>
										<li>
											<a href ng-click="selectUsers()"><i class="iconfont icon-at" style="line-height:20px;vertical-align: middle;font-size: 13px;"></i></a>
										</li>

									</ul>
								</div>
							</div>
							<div class="news-tabs" style="border: 0px;border-bottom: 1px solid #dee5e7;" >

							</div>
							<div class="news-list" >
								<ul>
									<li class="news" id="news{{news.id}}" ng-mouseenter="browseNews(news.id,news.my_is_browse_news,news.my_is_browse_new_comment)" ng-repeat="news in newss" >
										<div>
											<a href="#/app/userprofile/{{news.publisher}}" class="pull-left thumb-sm avatar m-l-n-md">
												<img src="/suite/plugins/servlet/getUserAvatar?user={{news.publisher}}" class="img-circle" alt="...">
											</a>
											<div class="m-l-lg">
												<div class="m-b-xs">
                                       <span style="word-break: break-all;" ng-class="contentCss(news.have_to_comment)" > <a href="#/app/userprofile/{{news.publisher}}" >{{news.publisher_firstname}}</a>

                                           <span ng-show="news.is_content_cut==true" ><span  ng-bind-html="news.content_cut" ></span>&nbsp;&nbsp;<a ng-click="showContentFull(news.row_index)" ><i class="fa fa-angle-double-down m-r-xs"  ></i>{{'news.fullText'|translate}}</a></span>
                                            <span ng-show="news.is_content_cut==false" ng-bind-html="news.content" ></span>&nbsp;&nbsp;<a ng-show="news.is_content_full==true" ng-click="hideContentFull(news.row_index)" ><i class="fa fa-angle-double-up m-r-xs"  ></i>{{'news.retract'|translate}}</a>
                                           &nbsp;<i class="fa fa-lock text" ng-show="news.is_lock==1"  ></i>&nbsp;
                                           <span ng-show="news.have_to_comment==1" class="text-warning" > ( <i class="fa fa-exclamation-triangle" ></i> {{'news.newsTabs.inComments'|translate}} )</span>
                                        <span style="display: block;color: #c3c3c3;margin-bottom: 15px;" ><i class="fa fa-clock-o text-muted"></i> {{news.publisher_datetime | fromNow}}&nbsp;&nbsp;<span ng-show="news.address!=null&&news.address!=''" >{{'news.publishedIn'|translate}}{{news.address}}</span>&nbsp;&nbsp;{{'news.update'|translate}} {{news.update_datetime | fromNow}}</span>
										   <!-- <span class="text-muted m-l-sm pull-right">
                                              {{news.publisher_datetime | fromNow}}
                                            </span>-->
												</div>
												<div >
													<div class="m-t-xs" ng-show="news.attachments.length">

														<div class="img-list-view"  ng-repeat="attachment in news.attachments" ng-show="attachment.type=='image'" >
															<a ng-click="documentsView(attachment.id,news.attachments)">
																<div style="
                                                        background-image: url(/suite/doc/{{attachment.id}});
                                                        width: 100%;
                                                        height: 100%;
                                                        background-position: center;
                                                        background-size: cover;"></div>
															</a>
														</div>
														<div class="file-item m-t-xs file-list-view" ng-repeat="attachment in news.attachments" ng-hide="attachment.type=='image'" >

															<a  ng-click="documentsView(attachment.id,news.attachments)" >
                                                    <span ng-show="attachment.type=='file'" >
                                                        <span  class="m-r-sm bg-primary document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='report'" >
                                                        <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='preview'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='openOffice'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='video'" >
                                                        <span  class="m-r-sm bg-dark document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
															</a>
														</div>

													</div>
													<div class="m-t-xs processmodel-list-view"" ng-repeat="processmodel in news.processmodels" >
													<a ui-sref="app.processmodelinfo({processModelId:processmodel.id})"><i class="fa fa-sitemap "
																														   style="font-size:15px;line-height:15px;vertical-align: middle;"></i>
														<span style="line-height:12px;vertical-align: middle;"> <span  ng-bind-html="processmodel.name" ></span></span></a>
												</div>
												<div class="m-t-sm comment-tools"   >
													<a href ui-toggle-class class="m-xs" ng-click="setFavorite(news.id,news.favorite,news.row_index)" ng-class="isFavorite(news.favorite)" >
														<i class="fa fa-star text-warning text-active" > {{news.favorite_count}}</i>
														<i class="fa fa-star-o  text" style="color:#98a6ad;"  > {{news.favorite_count}}</i>

													</a>
													<a href class="text-muted m-xs" ng-show="news.participant_count==0" style="position: relative;">
														<i class="icon-users text-muted"> {{'news.allPeople'|translate}}</i>
													</a>
													<a href class="text-muted m-xs" ng-show="news.participant_count>0" id="participantsLink{{news.id}}" ng-mouseenter="showParticipants(news.id,news.row_index)" ng-mouseleave="hideParticipants(news.id)" style="position: relative;">
														<i class="icon-users text-muted"> {{news.participant_count}}</i>
													</a>

													<div class="participants" ng-mouseenter="showParticipantsPanel(news.id)" ng-mouseleave="hideParticipantsPanel(news.id)"  id="participantsPanel{{news.id}}" style="display: none;"  >
														<p>{{'news.participants'|translate}}</p>
														<div class="input-group m-b-sm" ng-show="news.is_lock==0||news.publisher==userInfo.userName" >
															<select id="addParticipants{{news.id}}" class="add-participants" multiple="multiple"></select>
															</select>
															<div class="input-group-btn" >
																<button class="btn btn-success btn-sm " style="border-radius: 2px;margin-left: 4px;" type="button" ng-click="addParticipants(news.id,news.row_index)" >{{'common.add'|translate}}</button>
															</div>
														</div>

														<ul class="list-group alt">
															<li class="list-group-item" ng-repeat="participant in news.participants" >
																<div class="media">
																	<span class="pull-left thumb-sm"><img src="/suite/plugins/servlet/getUserAvatar?user={{participant.participant_id}}" style="height:35px" class="img-circle"></span>
																	<div class="pull-right">
																		<i class="fa fa-eye  text-success" ng-show="participant.is_browse_news" style="display: block;line-height: 20px;" > {{'news.newsTabs.alreadyBrowse'|translate}}</i>
																		<span style="display: block;color: #c3c3c3;" ng-show="participant.browse_news_datetime!=''&&participant.browse_news_datetime!=null"  >&nbsp;&nbsp;{{participant.browse_news_datetime | fromNow}}</span>
																	</div>
																	<div class="media-body">
																		<div><a href="">{{participant.participant_firstname}}</a></div>
																		<small class="text-muted">{{participant.participant_position}}</small>
																	</div>
																</div>
															</li>
														</ul>
													</div>


													<a href class="text-muted m-xs" ng-click="showComment({{news.id}})">
														<i class="icon-bubbles text-muted"> {{'common.comment'|translate}}</i>
													</a>
													<a href class="text-muted m-xs"  ng-click="deleteNews(news.id,news.row_index,'{{'common.areYouSureYouWantToDeleteIt'|translate}}')" ng-show="news.publisher==userInfo.userName " >
														<i class="icon-close text-muted"> {{'common.delete'|translate}}</i>
													</a>
												</div>
												<div id="comment{{news.id}}" style="display: none;" class="comment panel panel-default  m-b-n-sm pos-rlt m-t-xs "  >
													<form>
														<textarea id="commentText{{news.id}}" class="form-control no-border" rows="3" placeholder="请输入评论内容..."></textarea>
													</form>
													<div ng-show="commentAttachs[news.id].length>0" class="panel-footer bg-light lter " >
														<div class="file-item" ng-repeat="document in commentAttachs[news.id]" >
															<a  ng-click="documentsView(document.id,commentAttachs[news.id])" style="color: #000" >
                                                    <span ng-show="document.mimeType=='file'" >
                                                        <span  class="m-r-sm bg-primary document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='report'" >
                                                        <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='preview'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='openOffice'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='video'" >
                                                        <span  class="m-r-sm bg-dark document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='image'" >
                                                        <img ng-src="{{document.mimeType=='image' ? '/suite/plugins/servlet/loadSource/'+document.id+'?timestamp='+timestamp : ''}}" style="width: 38px;height: 38px;margin-right: 10px;" />
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
															</a>
															<a style="color: #000"  ng-click="cleanCommentContent(document,news.id)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
														</div>
													</div>

													<div class="comment panel-footer bg-light lter">
														<button class="btn btn-info pull-right btn-sm" ng-click="addComment(news.id,news.row_index)" >{{'news.comment'|translate}}</button>
														<ul class="nav nav-pills nav-sm news-tools">
															<li>
																<form id="attachUploadImg{{news.id}}Form" action="/suite/plugins/servlet/uploadDocument" method="post"
																	  enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
																	<a href="javascript:;" class="a-i-upload" ><input id="attachUploadImg{{news.id}}" newsId="{{news.id}}" name="uploadDocumentFile"
																													  type="file" flag="{{news.id}}"
																													  onchange="angular.element(this).scope().selectedFileByComment(this)"
																													  style="width:206px;"><i class="icon-paper-clip"
																																			  style="line-height:16px;vertical-align: middle;"></i></a>
																</form>
															</li>
															<li>
																<form id="attachUploadFile{{news.id}}Form" action="/suite/plugins/servlet/uploadDocument" method="post"
																	  enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
																	<a href="javascript:;" class="a-i-upload" ><input id="attachUploadFile{{news.id}}" newsId="{{news.id}}" name="uploadDocumentFile"
																													  type="file" flag="{{news.id}}"
																													  onchange="angular.element(this).scope().selectedFileByComment(this)"
																													  style="width:206px;" accept="image/*" ><i class="fa fa-camera"
																																								style="line-height:16px;vertical-align: middle;"></i></a>
																</form>
															</li>
														</ul>
													</div>
												</div>
												<div ng-show="news.comment_count>=1" class="comment-wrap m-t-sm">

													<div ng-repeat="comment in news.comments"  >
														<a href="#/app/userprofile/{{comment.publisher}}" class="pull-left thumb-xs avatar">
															<img src="/suite/plugins/servlet/getUserAvatar?user={{comment.publisher}}" alt="...">
														</a>
														<div class="content m-l-xxl b-a panel m-b-xs">
															<div style="word-break: break-all;"  class="panel-heading pos-rlt">
                                                          <span class="text-muted m-l-sm pull-right">
                                                            {{comment.publisher_datetime | fromNow}}
                                                          </span>
																<a href="#/app/userprofile/{{comment.publisher}}" >{{comment.publisher_firstname}}</a>
																<span  ng-bind-html="comment.content" ></span>
																<div class="m-t-xs" ng-show="comment.attachments.length">
																	<div class="img-list-view"  ng-repeat="attachment in comment.attachments" ng-show="attachment.type=='image'" >
																		<a ng-click="documentsView(attachment.id,comment.attachments)">
																			<div style="
                                                        background-image: url(/suite/doc/{{attachment.id}});
                                                        width: 100%;
                                                        height: 100%;
                                                        background-position: center;
                                                        background-size: cover;"></div>
																		</a>
																	</div>
																	<div class="file-item m-t-xs file-list-view" ng-repeat="attachment in comment.attachments" ng-hide="attachment.type=='image'" >

																		<a  ng-click="documentsView(attachment.id,comment.attachments)" >
                                                                <span ng-show="attachment.type=='file'" >
                                                                    <span  class="m-r-sm bg-primary document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='report'" >
                                                                    <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='preview'" >
                                                                    <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='openOffice'" >
                                                                    <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='video'" >
                                                                    <span  class="m-r-sm bg-dark document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
																		</a>
																	</div>

																</div>

															</div>
														</div>
													</div>
													<div class="m-b-sm m-l-xs" style="text-align: center;" ng-show="news.comment_count>3" ><a href ng-click="viewAllComments(news.id,news.row_index)" >
														<span style="line-height:18px;vertical-align: middle;" ng-show="news.is_show_comments!=1" ><i class="fa fa-angle-double-down m-r-xs" style="font-size:16px;line-height:18px;vertical-align: middle;"></i> {{'news.showAll'|translate}} {{news.comment_count}} {{'news.articleComments'|translate}} </span>
														<span style="line-height:18px;vertical-align: middle;" ng-show="news.is_show_comments==1" ><i class="fa fa-angle-double-up m-r-xs" style="font-size:16px;line-height:18px;vertical-align: middle;"></i> {{'news.hideComments'|translate}} </span>
													</a>
													</div>

												</div>

											</div>
										</div>
									</li>
									<li  class="no-news" ng-show="newss.length==0"  >
										<div style="text-align: center;margin-top: 20px;" ><i class="iconfont  icon-meiyousoudaoxinxi" style="font-size: 23px;" ></i>
											<span ng-show="filterValue=='records'" > &nbsp;{{'news.noMessage'|translate}}</span>
										</div>
									</li>
								</ul>
							</div>

						</div>
					</div>
				</div>

			</div>

		</div>
		<div class="col-lg-3 task-process-wrap">
			<div class="task-process-list" ng-class="processPriorityPanel(pp.priority)" >
				<div class="title">{{'process.processingRecord'|translate}}</div>
				<ul>
					<li ng-class="(processActive.type=='task'&&processActive.status!=2)||(processActive.type=='process'&&processActive.status!=1) ? '' : 'ing' " ng-repeat="processActive in processActives" >

						<a class="text-info" href="{{processActive.type=='task' ? '#/app/taskdetail/'+processActive.id : processActive.type=='process' ? '#/app/processdetail/'+processActive.id : ''}}"  >{{processActive.type=='task'||processActive.type=='process' ? processActive.name : ''}}</a>
						<div class="item-info" ng-show="processActive.type=='start'">
							<a class="thumb-xs avatar">
								<img ng-src="/suite/plugins/servlet/getUserAvatar?user={{processActive.initiator}}" >
							</a>
							<div class="content">
								<div class="name">{{processActive.initiatorFirstName}} &nbsp;<a ng-click="sendMessage(processActive.initiator,processActive.initiatorFirstName)" class="text-info" ><i class="fa fa-comment"></i></a></div>
								<div class="action">{{'process.launchApplication'|translate}}</div>
								<div class="time">{{processActive.startTime}}</div>
							</div>
						</div>
						<div class="item-info" ng-show="processActive.type=='task'">
							<a class="thumb-xs avatar">
								<img ng-show="processActive.status!=0" ng-src="/suite/plugins/servlet/getUserAvatar?user={{processActive.owner}}" >
								<img ng-show="processActive.status==0&&processActive.assigneeType=='user'" ng-src="/suite/plugins/servlet/getUserAvatar?user={{processActive.assignee}}" >
								<img ng-show="processActive.status==0&&processActive.assigneeType=='group'" src="img/group.png" >
							</a>
							<div class="content">
								<div class="name">{{processActive.status==0 ? processActive.assigneeName : processActive.ownerFirstName}} &nbsp;<a ng-click="sendMessage(processActive.status==0 ? processActive.assignee : processActive.owner,processActive.status==0 ? processActive.assigneeName : processActive.ownerFirstName)" class="text-info" ><i class="fa fa-comment"></i></a></div>
								<div class="action">{{'tasks.status.'+processActive.status|translate}}</div>
								<div class="time">{{processActive.status==2 ? processActive.completedTime : processActive.assignedtime}}</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
<script>
	$(function(){
		var myScroll = new IScroll('#wizard', { eventPassthrough: true, scrollX: true, scrollY: false, preventDefault: false });
	});
	function formatState(state) {
		if (!state.id) {
			return state.name;
		}
		var text=""
		if(state.type=="user"){
			text='<span class="thumb-xs avatar" ><img  src="/suite/plugins/servlet/getUserAvatar?user='+state.id+'" />&nbsp;&nbsp;' + state.name + ' ( '+state.title+' ) </span>';
		}else{
			text='<span class="thumb-xs avatar" ><img  src="/suite/plugins/servlet/loadSource/3/group.png" />&nbsp;&nbsp;' + state.name + '</span>';
		}
		var $state = $(
				text
		);
		return $state;
	}
	;
	function formatRepoSelection(repo) {
		return repo.name || repo.text;
	}


</script>
